<template>
  <div>
    <el-table
      :data="tableData"
      stripe
      border
      :max-height="maxTableHeight"
      style="width: 100%">
      <el-table-column
        label="序号"
        type="index"
        width="50">
      </el-table-column>
      <el-table-column
        prop="date"
        label="工单编号"
        resizable
        sortable
        show-overflow-tooltip
        align="left">
      </el-table-column>
      <el-table-column
        prop="date"
        label="工单名称"
        resizable
        sortable
        show-overflow-tooltip
        align="left">
      </el-table-column>
      <el-table-column
        prop="name"
        label="创建人"
        resizable>
      </el-table-column>
      <el-table-column
        prop="name"
        label="接单人"
        resizable>
      </el-table-column>
      <el-table-column
        prop="address"
        label="保养时间"
        resizable>
      </el-table-column>
      <el-table-column
        prop="address"
        label="保养总次数"
        resizable>
      </el-table-column>
      <el-table-column
        prop="address"
        label="已保养次数"
        resizable>
      </el-table-column>
      <el-table-column
        prop="address"
        label="未保养次数"
        resizable>
      </el-table-column>
    </el-table>

    <!-- <edit ref="edit"></edit> -->
  </div>
  
</template>

<script>
  // import Edit from './Edit.vue'
  export default {
    components: {
      // Edit
    },
    props: {
      maxTableHeight: {
        type: String | Number
      }
    },
    data() {
      return {
        tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          date: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1517 弄'
        }, {
          date: '2016-05-01',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1519 弄'
        }],
      }
    },
    methods: {
      // handleEdit() {
      //   this.$refs.edit.togglePopup(true)
      // }
    }
    
  }
</script>